/* 封装的公告css */
/* 字体大小 */
.wk-font-12 {
	font-size: 24rpx;
}

.wk-font-13 {
	font-size: 26rpx;
}

.wk-font-14 {
	font-size: 28rpx;
}

.wk-font-15 {
	font-size: 30rpx;
}

.wk-font-16 {
	font-size: 32rpx;
}

.wk-font-17 {
	font-size: 34rpx;
}

.wk-font-18 {
	font-size: 36rpx;
}

.wk-font-19 {
	font-size: 38rpx;
}

.wk-font-20 {
	font-size: 40rpx;
}

.wk-font-21 {
	font-size: 42rpx;
}

.wk-font-22 {
	font-size: 44rpx;
}

.wk-font-23 {
	font-size: 46rpx;
}

.wk-font-24 {
	font-size: 48rpx;
}

.wk-font-25 {
	font-size: 50rpx;
}

.wk-font-26 {
	font-size: 52rpx;
}

.wk-font-27 {
	font-size: 54rpx;
}

.wk-font-28 {
	font-size: 56rpx;
}

.wk-font-29 {
	font-size: 58rpx;
}

.wk-font-30 {
	font-size: 60rpx;
}

/* 盒子模型 */
.wk-flex-between {
	display: flex;
	justify-content: space-between;
	/* space-between俩边无间距, space-around俩边有间距 */
}

.wk-flex-around {
	display: flex;
	justify-content: space-around;
	/* space-between俩边无间距, space-around俩边有间距 */
}

.wk-flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.wk-align-items {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wk-translate {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/* 溢出隐藏 */
.wk-ellipsis-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wk-ellipsis-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.wk-ellipsis-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* paading */
.wk-padding-10 {
	padding: 20rpx;
}

.wk-padding-15 {
	padding: 30rpx;
}

.wk-padding-20 {
	padding: 40rpx;
}

.wk-padding-25 {
	padding: 50rpx;
}

.wk-padding-30 {
	padding: 60rpx;
}

.wk-padding-top-10 {
	padding-top: 20rpx;
}

.wk-padding-top-15 {
	padding-top: 30rpx;
}

.wk-padding-top-20 {
	padding-top: 40rpx;
}

.wk-padding-top-25 {
	padding-top: 50rpx;
}

.wk-padding-top-30 {
	padding-top: 60rpx;
}

.wk-padding-left-10 {
	padding-left: 20rpx;
}

.wk-padding-left-15 {
	padding-left: 30rpx;
}

.wk-padding-left-20 {
	padding-left: 40rpx;
}

.wk-padding-left-25 {
	padding-left: 50rpx;
}

.wk-padding-left-30 {
	padding-left: 60rpx;
}

.wk-padding-bottom-10 {
	padding-bottom: 20rpx;
}

.wk-padding-bottom-15 {
	padding-bottom: 30rpx;
}

.wk-padding-bottom-20 {
	padding-bottom: 40rpx;
}

.wk-padding-bottom-25 {
	padding-bottom: 50rpx;
}

.wk-padding-bottom-30 {
	padding-bottom: 60rpx;
}

.wk-padding-right-10 {
	padding-right: 20rpx;
}

.wk-padding-right-15 {
	padding-right: 30rpx;
}

.wk-padding-right-20 {
	padding-right: 40rpx;
}

.wk-padding-right-25 {
	padding-right: 50rpx;
}

.wk-padding-right-30 {
	padding-right: 60rpx;
}

/* margin */
.wk-margin-10 {
	margin: 20rpx;
}

.wk-margin-15 {
	margin: 30rpx;
}

.wk-margin-20 {
	margin: 40rpx;
}

.wk-margin-25 {
	margin: 50rpx;
}

.wk-margin-30 {
	margin: 60rpx;
}

.wk-margin-top-10 {
	margin-top: 20rpx;
}

.wk-margin-top-15 {
	margin-top: 30rpx;
}

.wk-margin-top-20 {
	margin-top: 40rpx;
}

.wk-margin-top-25 {
	margin-top: 50rpx;
}

.wk-margin-top-30 {
	margin-top: 60rpx;
}

.wk-margin-left-10 {
	margin-left: 20rpx;
}

.wk-margin-left-15 {
	margin-left: 30rpx;
}

.wk-margin-left-20 {
	margin-left: 40rpx;
}

.wk-margin-left-25 {
	margin-left: 50rpx;
}

.wk-margin-left-30 {
	margin-left: 60rpx;
}

.wk-margin-bottom-10 {
	margin-bottom: 20rpx;
}

.wk-margin-bottom-15 {
	margin-bottom: 30rpx;
}

.wk-margin-bottom-20 {
	margin-bottom: 40rpx;
}

.wk-margin-bottom-25 {
	margin-bottom: 50rpx;
}

.wk-margin-bottom-30 {
	margin-bottom: 60rpx;
}

.wk-margin-right-10 {
	margin-right: 20rpx;
}

.wk-margin-right-15 {
	margin-right: 30rpx;
}

.wk-margin-right-20 {
	margin-right: 40rpx;
}

.wk-margin-right-25 {
	margin-right: 50rpx;
}

.wk-margin-right-30 {
	margin-right: 60rpx;
}

/* 下划线 */
.wk-solid-bottom {
	border-bottom: 2rpx solid #EEEEEE;
}

/* 颜色-color */
.wk-font-blue {
	color: #3D7EFF;
}

.wk-font-orange {
	color: #FC861E;
}

.wk-font-green {
	color: #00CF85;
}

.wk-font-red {
	color: #FA4953;
}

.wk-font-pink {
	color: #F699B4;
}

.wk-font-000 {
	color: #000;
}

.wk-font-333 {
	color: #333;
}

.wk-font-666 {
	color: #666;
}

.wk-font-999 {
	color: #666;
}

.wk-font-gray {
	color: #CBCDD3;
}

.wk-font-white {
	color: #FFFFFF;
}

.wk-bg-blue {
	background: #3D7EFF;
}

.wk-bg-orange {
	background: #FC861E;
}

.wk-bg-green {
	background: #00CF85;
}

.wk-bg-red {
	background: #FA4953;
}

.wk-bg-pink {
	background: #F699B4;
}

.wk-bg-completed {
	background: #A5A5A7;
}

/* 高度 宽度 */
.wk-height-100 {
	height: 100%;
}

.wk-width-100 {
	width: 100%;
}

/* 圆角 */
.wk-border-radius-50 {
	border-radius: 50%;
}
.wk-border-radius-5 {
	border-radius: 10rpx;
}
.wk-border-radius-6 {
	border-radius: 12rpx;
}
.wk-border-radius-8 {
	border-radius: 16rpx;
}
.wk-border-radius-10 {
	border-radius: 20rpx;
}
